@charset "utf-8";
/* CSS Document */


@media (min-width:640px) and (max-width:1200px ) {

.top { width:98%; margin:0 auto;}
.head_b { width:100%; height:auto; margin:0 auto;}
.nav_right { display:none;}
.nav_a { width:100%;}
.nav { padding-top:30px;}

.pros_head { width:100%;}
.pros_a { width:100%;}
.pros_a_top { padding-top:5%; font-size:36px;}
.pros_h { width:98%; padding-top:4%; padding-bottom:4%;}
.pros_h li img { width:80%;}

#slider { width:100%; display:none;}
.scrollContainer .panel { width:30%;}
.scrollContainer { width:100%;}
.pros_pf { display:none;}
.scrollBox { width:100%; display:block; padding-top:4%; padding-bottom:4%; overflow:hidden;}
.scrollBox .ohbox { width:94%;}

.news_ks { width:98%;}
.news_a { width:100%;}
.news_ks li { width:50%;}
.news_ks_left { width:30%;  max-width:126px;max-height:116px;}
.news_ks_left img { width:100%; height:auto; max-height:105px;}
.news_ks_right { width:66%; padding:1%; max-height:107px;}

.pinpai li img { width:94%; height:auto;}
.pinpai li { padding-top:5%; padding-bottom:5%;}

.foot_a { width:100%;}
.foot_left { width:48%; padding-left:2%;}
.foot_right { width:50%;}

.about_a { width:98%;}
.nbanner { display:none;}
.nbanner_a { display:block; width:100%; height:auto; margin:0 auto;}
.nbanner_a img { width:100%; height:auto;}
.about_b li { width:15%; height:auto; line-height:36px;}
.about_b li a { font-size:14px;}
.about_s_top { font-size:16px;}
.about_s_a { font-size:14px; line-height:24px;}
.about_j { font-size:16px; }
.about_y_left { width:25%;}
.about_y_right { width:70%; height:auto;}
.about_y li { line-height:36px;}

.kpros_a { width:100%;}
.navBar  { width:100%;}
.navh  { width:100%;}
.navh .m { width:15%;}
.navh .sub { width:100%;}
.navh .sub li a { line-height:20px;}

.mspro li { width:32%; margin-right:0;}
.pro_d { width:100%; margin-left:1%; margin-right:1%; margin-top:3%;}
.imga .inner img { width:100%;}
.imga .inner { width:100%;} 
.imga .inner_a span { padding-top:5px; font-size:16px; line-height:36px;}
.imga .inner_a p{ padding-top:5px; font-size:12px; line-height:20px; color:#222f3b;}
.imga .inner_b {  text-align:center; background:#350d6d; border-radius: 0.8em;}
.imga .inner_b a { text-align:center; font-size:12px; line-height:20px; color:#fff;}
.imga .inner div { position: absolute; top: 0; left: 0; width: 100%; height: auto; }
.imga { float: left; width:100%; height: auto; padding-bottom:70%; overflow: hidden; margin: 0 1px 1px 0; }
.imga .inner img { width: 100%; height: auto; }
.mspro li span { font-size:16px; line-height:20px;}

.news_kss_left { width:100%; float:none; margin:0 auto; height:auto; margin:0 auto;}
.news_kss_left img { width:100%;  height:auto;}
.news_kss_right { width:100%;float:none; margin:0 auto; padding-left:0%;}
.news_kss_right span a { font-size:16px;}
.news_kss li { width:30%;}
.news_kss li:nth-child(3n+3) {  float:left; border:none; padding-right:0;}
.news_kss li:nth-child(2n+2){ float:left; padding-right:3%; padding-bottom:3%; }


.Mtime { width:50%;}
.imgs img { width:100%; height:auto;}
.Mtime .tabBox .hd li { width:24%; height:auto; margin-right:0%; margin-bottom:20%;}
.Mtime .tabBox .hd li img { width:100%; height:auto;}
.Mtime .tabBox .hd a { width:100%; height:auto;}
.lpros_right { width:48%;}

.lpros_h { width:100px; background-size:100%; line-height:30px;}
.lpros_n { width:100%; height:auto;}
.lpros_ab { width:98%;}

}